import { toggleTheme } from '@lib/toggleTheme';

console.log('content script loaded');

void toggleTheme();


document.addEventListener('mouseup', function () {
  // 获取选中的文本\
  const selection = window.getSelection();
  if (selection) {
    console.log(selection, 'selection');
    
    const selectedText = selection.toString().trim();
    
    // 如果有选中的文本
    if (selectedText.length > 0) {
      // 获取选中范围的位置信息
      const range = selection.getRangeAt(0);
      const rect = range.getBoundingClientRect();

      // 创建一个新元素
      const tooltip = document.createElement('div');
      tooltip.innerText = `You selected: `;
      tooltip.style.position = 'absolute';
      tooltip.style.top = `${rect.top + window.scrollY - 60}px`;
      tooltip.style.left = `${rect.left + window.scrollX}px`;
      tooltip.style.padding = '5px';
      tooltip.style.backgroundColor = 'yellow';
      tooltip.style.border = '1px solid black';
      tooltip.style.zIndex = '1000';

      // 移除之前的提示元素（如果有）
      const previousTooltip = document.getElementById('selection-tooltip');
      if (previousTooltip) {
        previousTooltip.remove();
      }

      // 设置元素ID，便于以后删除
      tooltip.id = 'selection-tooltip';
      
      // 将新元素添加到页面
      document.body.appendChild(tooltip);
    }
  }
});
